<template>
  <el-row class="box">
    <el-col :span="24">
      <el-menu
        default-active="1"
        class="el-menu-vertical-demo"
        text-color="#adadad"
        active-text-color="#0077ff">
        <router-link to="/home/file">
          <el-menu-item index="1">
            <span slot="title">文件导入</span>
          </el-menu-item>
        </router-link>
        <router-link to="/home/program">
          <el-menu-item index="2"> 标签管理 </el-menu-item>
        </router-link>
        <router-link to="/home/operator">
          <el-menu-item index="3">算子管理 </el-menu-item>
        </router-link>
        <router-link to="/home/fescribe">
          <el-menu-item index="5">描述协议 </el-menu-item>
        </router-link>
        <router-link to="/home/conversionRules">
          <el-menu-item index="6">转换规则文件 </el-menu-item>
        </router-link>
        <router-link to="/home/usingHelp">
          <el-menu-item index="4">使用帮助 </el-menu-item>
        </router-link>
      </el-menu>
    </el-col>
  </el-row>
</template>
<script>
  export default {
    components: {},
    data() {
      return {};
    },
    computed: {},
    methods: {},
  };
</script>

<style scoped>
  .el-menu-vertical-demo {
    padding-top: 30px;
  }
  .box {
    overflow: hidden;
    font-family: PingFang SC;
    font-weight: 500;
    margin-top: 2px;
    text-align: center;
  }
  .el-dropdown-menu__item,
  .el-menu-item {
    font-size: 1rem !important;
    color: rgb(148, 148, 148);
  }
  a {
    text-decoration: none;
    color: #0077ff;
  }
</style>
